<template>
	<view class="top_head dis_f wa dis_f_ac" :style="'padding-top:' + safeAreaTop + 'px;'">
		<view class="item col_f dis_f_cc" @click="back">
			<image class="wh44 dis_b" v-if="!noBack" :src="$img.getImg('back')" mode="widthFix"></image>
		</view>
		<view class="title m0_a">{{title}}</view>
		<view class="item"></view>
	</view>
</template>
<script>
	export default {
		name: 'topHead',
		props: ["title","noBack","backUrl"],
		data() {
			return {
				safeAreaTop: getApp().globalData.safeAreaTop,
			}
		},
		methods: {
			back(){
				if(!this.noBack){
					// if(this.backUrl){
						// this.$com.toPage(this.backUrl);
					// } else {
						uni.navigateBack();
					// }
				}
			}
		}
	}
</script>
<style>
.top_head{
	position: fixed;
	top: 0;
	left: 0;
	height: 88rpx;
	background: -webkit-gradient(linear, left top, left bottom, from(#062B5F), to(#07234B));
	z-index: 9;
}
.item{
	width: 60rpx;
	height: 120rpx;
}
.title{
	color: #FFFAFA;
	line-height: 88rpx;
	font-size: 36rpx;
	font-weight: 700;
}
</style>